<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                template="/util/plantilla.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="scripts">
        <style type="text/css">

        </style>
    </ui:define>
    <ui:define name="titulo">
        Libro de Compras (Hechauka)
    </ui:define>
    <ui:define name="cuerpo">
        <h:panelGroup rendered="#{autorizador.hayPermiso('CreaEmpresa')}">

            <div style="width: 90%;" class="formulario">
                <h:form id="form">

                    <p:dialog id="dialog" header="Asignación timbrado" widgetVar="asignaTimbrado" resizable="false"  
                              showEffect="fade" hideEffect="explode">  

                        <h:panelGrid id="display" columns="1" cellpadding="4">  
                            <h:outputText value="#{formularioHechaukaBean.detalleElegido.col4}"/>

                            <h:outputText value="Timbrado"/>
                            <h:selectOneMenu value="#{formularioHechaukaBean.proveedorTimbradoDiestraElegido}">
                                <f:selectItems value="#{formularioHechaukaBean.itemsTimbrados}"/>
                            </h:selectOneMenu>

                            <p:commandButton value="Asignar" action="#{formularioHechaukaBean.actualizaTimbrado()}"
                                             update=":form:tabla" oncomplete="asignaTimbrado.hide()"/>
                        </h:panelGrid>  
                    </p:dialog>
                    <p:panelGrid columns="2">

                        <h:outputText value="PERIODO"></h:outputText>
                        <h:panelGroup/>
                        <p:panelGrid columns="2">
                            <p:outputLabel value="Año" for="anio"/>
                            <h:selectOneMenu value="#{formularioHechaukaBean.anio}" id="anio" required="true">
                                <f:selectItem itemLabel="2013" itemValue="2013"/>
                                <f:selectItem itemLabel="2014" itemValue="2014"/>
                                <f:selectItem itemLabel="2015" itemValue="2015"/>
                                <f:selectItem itemLabel="2016" itemValue="2016"/>
                                <f:selectItem itemLabel="2017" itemValue="2017"/>
                                <f:selectItem itemLabel="2018" itemValue="2018"/>
                                <f:selectItem itemLabel="2019" itemValue="2019"/>
                                <f:selectItem itemLabel="2020" itemValue="2020"/>
                            </h:selectOneMenu>
                            <p:outputLabel value="Mes" for="mes"/>
                            <h:selectOneMenu value="#{formularioHechaukaBean.mes}" id="mes" required="true">
                                <f:selectItem itemLabel="Enero" itemValue="1"/>
                                <f:selectItem itemLabel="Febrero" itemValue="2"/>
                                <f:selectItem itemLabel="Marzo" itemValue="3"/>
                                <f:selectItem itemLabel="Abril" itemValue="4"/>
                                <f:selectItem itemLabel="Mayo" itemValue="5"/>
                                <f:selectItem itemLabel="Junio" itemValue="6"/>
                                <f:selectItem itemLabel="Julio" itemValue="7"/>
                                <f:selectItem itemLabel="Agosto" itemValue="8"/>
                                <f:selectItem itemLabel="Septiembre" itemValue="9"/>
                                <f:selectItem itemLabel="Octubre" itemValue="10"/>
                                <f:selectItem itemLabel="Noviembre" itemValue="11"/>
                                <f:selectItem itemLabel="Diciembre" itemValue="12"/>
                            </h:selectOneMenu>

                        </p:panelGrid>

                        <h:commandLink id="botonCrear" class="btn btn-info link-text-blanco"
                                       action="#{formularioHechaukaBean.create()}">
                            <i class="icon-ok icon-white link-text-blanco"></i> Generar
                        </h:commandLink>  

                    </p:panelGrid>
                    <div class="row-fluid">
                        <div class="span12" style="overflow-x: auto; padding: 0px;margin: 0px;padding-bottom: 10px;padding-right: 2px;padding-left: 2px;">
                            <p:dataTable value="#{formularioHechaukaBean.lista}" var="l"
                                         id="tabla"
                                         paginator="true" rows="30"
                                         selection="#{formularioHechaukaBean.detalleElegido}" selectionMode="single" rowKey="#{l.indice}"
                                         style="">

                                <p:ajax event="rowSelect" listener="#{formularioHechaukaBean.onRowSelect}"   
                                        update=":form:display" oncomplete="asignaTimbrado.show()"/>

                                <f:facet name="header">
                                    <h:panelGroup>
                                        <h:commandLink id="botonCrear" class="btn btn-success link-text-blanco">
                                            <i class="icon-download-alt icon-white link-text-blanco"></i> 
                                            <p:dataExporter type="xls" target="tabla" fileName="libroCompras" postProcessor="#{formularioHechaukaBean.postProcessXLS}"/>  
                                        </h:commandLink>  
                                    </h:panelGroup> 
                                </f:facet>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col1}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col2}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col3}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col4}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col5}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col6}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col7}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col8}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col9}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col10}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col11}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col12}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col13}"/>
                                </p:column>
                                <p:column style="font-size:9pt;">
                                    <h:outputText value="#{l.col14}"/>
                                </p:column>
                            </p:dataTable>
                        </div>
                    </div>
                    
                </h:form>
                
            </div>

        </h:panelGroup>
    </ui:define>

<!--    <p:socket onMessage="handleMessage" channel="/libroCompra"/>-->
</ui:composition>
